<template>
  <nav>
    <a href="#" @click="changeComponent('Home')">Home</a>
    <a href="#" @click="changeComponent('Order')">Order</a>
    <CounterDisplay />
  </nav>
</template>

<script setup>
import CounterDisplay from '@/components/CounterDisplay.vue';

defineProps(['changeComponent']);
</script>

<style scoped>
nav {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
</style>
